<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Exemplos</title>
</head>
<body>
	<p id="navegacao">
    	Navega&ccedil;&atilde;o: <a href="#exemplos" onclick="carregaConteudo('exemplos.html');">Exemplos</a> > Degradê
    </p>
    
    <h1>Exemplos</h1>
    
    <!-- Exemplo Degrade -->
    <div class="exemplos">
	    <h3>Degradê</h3>
	    <p>O recurso de gradiente (degradê) CSS foi introduzido pelo Webkit há cerca de 2 anos, mas raramente era utilizado devido à incompatibilidade com a maioria dos browsers.
	     Nos três primeiros exemplos, cada quadrado possui apenas o código relacionado à compatibilidade do referido Browser. Por último, a união destes códigos proporciona o estilo Degradê Crossbrowser.</p>
	    
	    <div id="gradientIE">Internet Explorer</div>
	    
	    <div id="gradientFX">Firefox</div>
	    
	    <div id="gradientWK">Webkit</div>
	    
	    <div id="gradient">Crossbrowser</div>
    </div>
    
    <br />
    <div class="exemplos">Outros Exemplos: 
        <a href="#trasnparencia" onclick="carregaConteudo('exemplos/colunaTransparente.html');">Colunas Transparentes</a> | 
        <a href="#bordas" onclick="carregaConteudo('exemplos/bordasArredondadas.html');">Bordas Arredondadas</a>
    </div>
</body>
</html>